<template>
  <uni-nav-bar title="积分商城" left-icon="left" @clickLeft="navBack" :fixed="true" statusBar></uni-nav-bar>
    <view class="package space-between list" v-for="item in 10"  @click="navTo('administrator/integral/orderDetail?id='+1)">
      <image src="../../../static/mine/ls.png" mode=""></image>
      <view class="space-between" style="width:76%;">
        <view class="direction-start" style="height:153rpx;justify-content:space-between;">
          <view>防尘口罩30PCS</view>
          <view class="center"><text style="color:#1B91FF;font-size: 38rpx;margin-right: 10rpx;">300</text>积分</view>
          <view style="color:#999;font-size: 26rpx;">￥29.9</view>
        </view>
        <view class="direction-start" style="height:153rpx;justify-content:space-between;align-items: flex-end;">
          <view>待兑换</view>
        </view>
      </view>
    </view>
</template>


<script setup lang="ts">
  import { navBack, navTo } from '@/utils/navigator';
</script>

<style scoped lang="less">
  .list {
    image {
      width: 153rpx;
      height: 153rpx;
      border-radius: 5px;
    }
  }
</style>